<script setup lang="ts">
import { isMobileTerminal } from '@/utils';
import PCPayment from './pc';
import MobilePayment from './mobile';
import type { PaymentProps } from './types';

const props = defineProps<PaymentProps>();
</script>

<template>
  <div>
    <PCPayment v-if="!isMobileTerminal" :payData="props.payData" />
    <MobilePayment v-else :payData="props.payData" />
  </div>
</template>
